<!DOCTYPE html>
<html>
  <head>
  
    <meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>index0126.html</title>
	
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta name="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

	<!-- index import css start -->
	<link rel="stylesheet" href="../css/bootstrap.min.css">
	<link rel="stylesheet" href="../css/common.css">
	<link rel="stylesheet" href="../css/index.css">
	<link rel="stylesheet" href="../css/footer.css">
	<!-- index import css end -->
  </head>
  
  <body>
    <!-- top start -->
    <div class="navbar-wrapper navbar_top">
		<div class="container">
			<nav class="navbar navbar-default ">
				<div class="container-fluid">
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed"
							data-toggle="collapse"
							data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
							<span class="sr-only">Toggle navigation</span> <span
								class="icon-bar"></span> <span class="icon-bar"></span> <span
								class="icon-bar"></span>
						</button>
						<a class="navbar-brand" id="py-brand" href="#"><span></span>GEEK_HOME</a>
					</div>

					<div class="collapse navbar-collapse"
						id="bs-example-navbar-collapse-1">
						<ul class="nav navbar-nav" id="py-ul">
							<li class="active"><a href="/">首页 <span class="sr-only">(current)</span></a></li>
							<li><a href="/weekly_list">博客</a></li>
							<li><a href="/raiders_list">新闻</a></li>
							<li><a href="/about">我的动态</a></li>
							<li><a href="/about_us">关于我们</a></li>
							<li class="dropdown"><a href="#" class="dropdown-toggle"
								data-toggle="dropdown">帮助 <b class="caret"></b></a>
								<ul class="dropdown-menu">
									<li><a href="#">企业</a></li>
									<li><a href="#">商户</a></li>
									<li><a href="#">服务网站</a></li>
									<li class="divider"></li>
									<li class="nav-header">灰掉</li>
									<li><a
										href="http://192.168.2.117:8080/piaoyoung/monitoring"
										target="xmjk">项目监控</a></li>
									<li><a href="#">日志管理</a></li>
								</ul></li>

						</ul>
						<div>
							<p class="navbar-text navbar-right">
								<a href="#">登录 </a>| <a href="#">注册</a>
							</p>
						</div>
					</div>
				</div>
		</div>
		</nav>
	</div>
	</div>
	<div style="width:80%;margin-left:auto;margin-right:auto;margin-bottom:3px;">
		<span id="nowTime1" style="float:left;"></span> <span id="nowTime" class="visible-lg"
			style="float:right;margin-bottom:3px;"></span>
	</div>
    <!-- top end -->
    
    <!-- 图片 start -->
    <!-- 图片 end -->
    
    <!-- 三张圆图 start -->
    <div class="divBlock">
		<div>
			<p>你好</p>
			<p>马云打算多发点发的所发生的发送到发送到送到发送到发送到发送到发送到发</p>
		</div>
		<divstyle="float:left">

			<div style="float:left;margin-left:30px;">
				<div style="width:100px;height:100px;margin-left:auto;margin-right:auto;">
					<img src="5.png" width="250px" height="100px" alt="图片" style="vertical-align: middle;"
						class="img-circle img-responsive img-thumbnail" />
				</div>

				<div class="txt" style="width:200px;height:100px;">
					马云打算多发点发的所发生的发送到发送到发送到发送到发送到发送到发</div>
			</div>
			
			
			<div style="float:left;margin-left:30px;">
				<div style="width:100px;height:100px;margin-left:auto;margin-right:auto;">
					<img src="5.png" width="150px" height="100px" alt="图片" style="vertical-align: middle;"
						class="img-circle img-responsive img-thumbnail" />
				</div>

				<div class="txt" style="width:200px;height:100px;">
					马云打算多发点发的所发生的发送到发送到发送到发送到发送到发送到发</div>
			</div>
			
			
			<div style="float:left;margin-left:30px;">
				<div style="width:100px;height:100px;margin-left:auto;margin-right:auto;">
					<img src="5.png" width="150px" height="100px" alt="图片" style="vertical-align: middle;"
						class="img-circle img-responsive img-thumbnail" />
				</div>

				<div class="txt" style="width:200px;height:100px;">
					马云打算多发点发的所发生的发送到发送到发送到发送到发送到发送到发</div>
			</div>
			
						
		</div>
	</div>
    <!-- 三张圆图 end -->
    
    <!-- news start -->
	<div id="newsBlock" class="container-fluid divBlock">
		<div class="row-fluid toBottomLittle">
			<div class="span12">
				<div class="panel panel-default">
					<div class="panel-heading">
						<h3 class="panel-title">最新新闻</h3>
					</div>
					<div class="panel-body">
						<ul>
							<li><h5>
									<a href="#">空气净化器新国标明年实施 将如何终结这乱象？</a><small> (12/30
										12:39)</small>
								</h5>
								<div class="news_summary">据中国之声《央广新闻》报道，各地越来越频发的雾霾天气，让空气净化器更加热销。市面上动辄99.99%的“去除率”，和净化器的性能有何关系？新修订的《空气净化器》国...</div></li>
								<li><h5>
									<a href="#">空气净化器新国标明年实施 将如何终结这乱象？</a><small> (12/30
										12:39)</small>
								</h5>
								<div class="news_summary">据中国之声《央广新闻》报道，各地越来越频发的雾霾天气，让空气净化器更加热销。市面上动辄99.99%的“去除率”，和净化器的性能有何关系？新修订的《空气净化器》国...</div></li>
							<li><h5>
									<a href="#">空气净化器新国标明年实施 将如何终结这乱象？</a><small> (12/30
										12:39)</small>
								</h5>
								<div class="news_summary">据中国之声《央广新闻》报道，各地越来越频发的雾霾天气，让空气净化器更加热销。市面上动辄99.99%的“去除率”，和净化器的性能有何关系？新修订的《空气净化器》国...</div></li>
						</ul>
					</div>
					<div class="panel-footer">
						<span class="span_more"><a href="#">MORE >></a></span>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- news end -->
	
	<!-- blog start -->
	<div id="newsBlock" class="container-fluid divBlock">
		<div class="row-fluid toBottomLittle">
			<div class="span12">
				<div class="panel panel-default">
					<div class="panel-heading">
						<h3 class="panel-title">热门博客</h3>
					</div>
					<div class="panel-body">
						<ul>
							<li><h5>
									<a href="#">空气净化器新国标明年实施 将如何终结这乱象？</a><small> (12/30
										12:39)</small>
								</h5>
								<div class="news_summary">据中国之声《央广新闻》报道，各地越来越频发的雾霾天气，让空气净化器更加热销。市面上动辄99.99%的“去除率”，和净化器的性能有何关系？新修订的《空气净化器》国...</div></li>
							<li><h5>
									<a href="#">空气净化器新国标明年实施 将如何终结这乱象？</a><small> (12/30
										12:39)</small>
								</h5>
								<div class="news_summary">据中国之声《央广新闻》报道，各地越来越频发的雾霾天气，让空气净化器更加热销。市面上动辄99.99%的“去除率”，和净化器的性能有何关系？新修订的《空气净化器》国...</div></li>
						</ul>
					</div>
					<div class="panel-footer">
						<span class="span_more"><a href="#">MORE >></a></span>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- blog end -->
	
	<!-- 开心一刻 start -->
	<div id="newsBlock" class="container-fluid divBlock">
	</div>
	<!-- 开心一刻 end -->
	
	<!-- map start -->
	<div class="container-fluid divBlock">
		<div class="row-fluid ">
			<div class="span12">
				<div class="panel panel-default">
					<div class="panel-heading">
						<h3 class="panel-title">About Us</h3>
					</div>
					<div class="panel-body map_right_div">

						<div class="col-xs-3 col-sm-3 about_left"></div>
						<div class="col-xs-9 col-sm-9 about_right" id="mapDiv2"></div>
					</div>
					<div class="panel-footer">
						<span class="span_more"><a href="#">MORE >></a></span>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- map end -->
    
    <!-- footer start -->
    <div class="footer container"> 
    	<div class="divBlock">
    	<div class="footer_ourteam col-lg-5 col-md-6 col-sm-12">
			<p class="lead">
				我们的团队
			</p>
    		<p> 
    			年轻  &nbsp &nbsp 有活力 &nbsp &nbsp 高学历
    		</p>
    		<p>
    			我们的团队成员90%都是来自国内高校的90后，其中包括清华大学，北京大学以及著名的鲁东大学，还有5%来自美国知名大学，其中80%都是本硕博连读。公司主要经营模块包括食品安全和环境保护，为现在你我负责，为将来子孙负责是公司的宗旨。
    			我们的团队成员90%都是来自国内高校的90后，其中包括清华大学，北京大学以及著名的鲁东大学，还有5%来自美国知名大学，其中80%都是本硕博连读。公司主要经营模块包括食品安全和环境保护，为现在你我负责，为将来子孙负责是公司的宗旨。
    			我们的团队成员90%都是来自国内高校的90后，其中包括清华大学，北京大学以及著名的鲁东大学，还有5%来自美国知名大学，其中80%都是本硕博连读。公司主要经营模块包括食品安全和环境保护，为现在你我负责，为将来子孙负责是公司的宗旨。
    		</p>
    	</div>
    	<div class="footer_weekstar col-lg-5 col-md-6 col-sm-12">
    		<p class="lead">
    			本周之星
    		</p>
    		<ul>
    			<li>
    			<img src="../images/index/shuaige1.jpg" width="60px" height="60px" class="footer-weekstar_userimg"></img>
    			<div class="footer_weekstar_userinfo">
    				<p >李强东</p>
    				<p>运用aop思想完善公司系统的日志检查以及安全性检查</p>
    			</div>
    			</li>
    			<li >
    			<img src="../images/index/shuaige1.jpg" width="60px" height="60px" class="footer-weekstar_userimg"></img>
    			<div class="footer_weekstar_userinfo">
    				<p class="">马小云</p>
    				<p>对公司支付系统的安全漏洞做出了历史性的改善</p>
    			</div>
    			</li>
    			<li >
    			<img src="../images/index/shuaige1.jpg" width="60px" height="60px" class="footer-weekstar_userimg"></img>
    			<div class="footer_weekstar_userinfo">
    				<p class="">李双双</p>
    				<p>对公司的搜索引擎进行优化，使速度提高了80%</p>
    			</div>
    			</li>
    		</ul>
    	</div>
    	<div class="footer_connect col-lg-2 col-md-12 col-sm-12">
    		<p class="lead">
    			联系我们
    		</p>
			<ul>
				<li style="margin-top:20px;">
					<a id="cs_box">
						<img src="../images/index/qq.ico" style="width:30px;height:30px;"/>
						<span class="cs_btn">在线QQ</span>
					</a>
				
				</li>	
				<li style="margin-top:20px;">
					<a href="zhinengkefu.html" id="xm_jk" target="_self">
						<img src="../images/index/qq.ico" style="width:30px;height:30px;"/>
						智能客服
					</a> 
				</li>	
				<li style="margin-top:20px;">
					<a>
						<img src="../images/index/qq.ico" style="width:30px;height:30px;"/>
						项目
					</a>
				</li>	
				<li style="margin-top:20px;">
					<a>
						<img src="../images/index/qq.ico" style="width:30px;height:30px;"/>
						意见反馈
					</a>
				</li>	
			</ul>
    	</div>
    	</div>
    	<div class="footer_rights">
			<footer style="margin-top:10px;"> 
				<p>
					&copy; 2016 李健. &middot; <a href="#">鲁东大学</a> &middot; <a
						href="#">软件工程</a>
				</p>
				<p>2014-2015 All Rights Reserved.</p>
			</footer>
				
		</div>
    	
    </div>
    <!-- footer end -->
    
    <!-- js start -->
	<script type="text/javascript" src="../js/jquery.min.js"></script>
	<script type="text/javascript" src="../js/bootstrap.min.js"></script>
    <!-- 时间显示 js -->
	<script type="text/javascript" src="../js/1.js"></script>
	<!-- qq 在线聊天 -->
	<script src="../js/qqonline.js"></script>
	<!-- 分享到 -->
	<!-- <script type="text/javascript" src="../js/jiathis.js" charset="utf-8"></script> -->
	<!-- 校验js  -->
	<script type="text/javascript" src="../js/is.js"></script>
	<!-- 图片延迟加载 js -->
	<script type="text/javascript" src="../js/jquery.lazyload.js"></script>
	<!-- index 页面的js -->
	<script type="text/javascript" src="../js/index.js"></script>
	<!-- 百度地图 js -->
	<script type="text/javascript" src="../js/baidumap/baidumapak.js"></script>
	<script src="../js/baidumap/CurveLine.min.js"></script>
	<script type="text/javascript" src="../js/baidumap/SearchInfoWindow_min.js"></script>
	
	<script type="text/javascript"> 
		$(function() {
			//$('#newsBlock').hide();  // 隐藏新闻模块 div
			initNews();
			beginAutoRefreshNowTimeLabel();//开始刷新 时间
			initWeather();//初始化天气数据 天气 
			/* initOnlineQQ();//初始化在线qq */
			/* initJisThis();//初始化分享到 */
			
			//项目监控
			/*
			$("#xm_jk").click(function() {
								document.getElementById('main_content').src = 'http://192.168.2.117:8080/piaoyoung/monitoring';
							})
			*/
			
		});
		/**
		 * 初始化地图数据
		 */
			var map = new BMap.Map("mapDiv");
			map.centerAndZoom(new BMap.Point(120.2099600000, 30.2139150000), 15);
			map.addControl(new BMap.MapTypeControl());
			map.enableScrollWheelZoom(true);
			addMarker(new BMap.Point(120.2099600000, 30.2139150000));

			var content = '<div style="margin:0;line-height:20px;padding:2px;">'
					+ '<img src="../img/baidu.jpg" alt="" style="float:right;zoom:1;overflow:hidden;width:100px;height:100px;margin-left:3px;"/>'
					+ '地址：北京市海淀区上地十街10号<br/>电话：(010)59928888<br/>简介：百度大厦位于北京市海淀区西二旗地铁站附近，为百度公司综合研发及办公总部。'
					+ '</div>';

			var searchInfoWindow = null;
			searchInfoWindow = new BMapLib.SearchInfoWindow(map, content, {
				title : "dsfa",
				width : 290,
				height : 105,
				panel : "panel",
				enableAutoPan : true,
				searchTypes : [ BMAPLIB_TAB_SEARCH, BMAPLIB_TAB_TO_HERE,
						BMAPLIB_TAB_FROM_HERE ]
			});


		/**
		 * 添加地图标记 
		 * @param point
		 */
		function addMarker(point) {
			var marker = new BMap.Marker(point);
			map.addOverlay(marker);
			marker.setAnimation(BMAP_ANIMATION_BOUNCE);
			marker.addEventListener("click", function(e) {
				searchInfoWindow.open(marker);
			})
		}
	</script>
	<!--  js end -->
    
  </body>
</html>
